<!--
  @author heciqi
  @date 2019/02/23 10:00
-->
<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">

<!--支付汇总查询-->
<zmn th:fragment="query">
    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label">子公司：</label>
            <div class="layui-input-inline">
                <select name="companyId" id="companyId" lay-filter="companyId" lay-search>
                    <option value="">全部</option>
                    <option th:each="item : ${companyList}"
                            th:value="${item.value}"
                            th:text="${item.text}">
                    </option>
                </select>
            </div>
        </div>
        <div class="layui-inline">
            <div class="layui-inline date-picker-item inline-block">
                <label class="layui-form-label">日期：</label>
                <div class="layui-input-inline">
                    <input class="layui-input" id="dateTimeStart" type="text" name="dateTime.start" data-th-data-min="${minTime}" autocomplete="off"
                           th:value="${startTime}">
                </div>
                <div class="layui-input-inline">
                    <input class="layui-input" id="dateTimeEnd" type="text" name="dateTime.end" autocomplete="off"
                           th:value="${endTime}">
                </div>
            </div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">类型：</label>
            <div class="layui-input-inline">
                <select name="dateType" lay-filter="dateType" lay-search>
                    <option th:each="type : ${dateType}"
                            th:value="${type.value}" th:selected="${type.value == 3}"
                            th:text="${type.text}">
                    </option>
                </select>
            </div>
        </div>
        <div class="layui-inline" style="width: 35px;">
            <div th:replace="common/listQueryItemTmpl :: buttonForSearch"></div>
        </div>
        <div class="layui-inline layui-hide" style="width: 85px;">
            <div th:replace="common/listQueryItemTmpl :: buttonForExport"></div>
        </div>
    </div>
</zmn>

<!--支付明细查询-->
<zmn th:fragment="detail_query">
    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label">子公司：</label>
            <div class="layui-input-inline">
                <select name="companyId" id="companyId" lay-filter="companyId" lay-search>
                    <option value="">全部</option>
                    <option th:each="item : ${companyList}"
                            th:value="${item.value}"
                            th:text="${item.text}">
                    </option>
                </select>
            </div>
        </div>
        <div class="layui-inline">
            <div class="layui-inline date-picker-item inline-block">
                <label class="layui-form-label">日期：</label>
                <div class="layui-input-inline" style="width: 191px;">
                    <input class="layui-input" id="dateTimeStart" type="text" name="dateTime.start" data-th-data-min="${minTime}" autocomplete="off"
                           th:value="${startTime}">
                </div>
                <div class="layui-input-inline" style="width: 183px;">
                    <input class="layui-input"  style="width: 192px;" id="dateTimeEnd" type="text" name="dateTime.end" autocomplete="off"
                           th:value="${endTime}">
                </div>
            </div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">类型：</label>
            <div class="layui-input-inline">
                <select name="dateType" lay-filter="dateType" lay-search>
                    <option th:each="type : ${dateType}"
                            th:value="${type.value}" th:selected="${type.value == 3}"
                            th:text="${type.text}">
                    </option>
                </select>
            </div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">重复支付：</label>
            <div class="layui-input-inline">
                <select name="duplicate" lay-filter="duplicate" lay-search>
                    <option value="">全部</option>
                    <option th:value="${yesOrNo.yes}">是</option>
                    <option th:value="${yesOrNo.no}">否</option>
                </select>
            </div>
        </div>
    </div>

    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label">支付渠道：</label>
            <div class="layui-input-inline">
                <select name="payChannelId" id="payChannelId" lay-filter="payChannelId" lay-search>
                    <option value="">全部</option>
                    <option th:each="item : ${payChannelList}"
                            th:value="${item.key}"
                            th:text="${item.value}">
                    </option>
                </select>
            </div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">交易类型：</label>
            <div class="layui-input-inline">
                <select name="tradeType" id="tradeType" lay-filter="tradeType" lay-search>
                    <option value="">全部</option>
                    <option th:each="item : ${tradeTypeList}"
                            th:value="${item.value}"
                            th:text="${item.text}">
                    </option>
                </select>
            </div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">服务分类：</label>
            <div class="layui-input-inline">
                <select name="servCategId" lay-filter="servCategId" lay-search>
                    <option value="">全部</option>
                    <option th:each="type : ${servCategIdList}"
                            th:value="${type.value}"
                            th:text="${type.text}">
                    </option>
                </select>
            </div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">工单号：</label>
            <div class="layui-input-inline">
                <input class="layui-input" type="number" name="code" maxlength="19" placeholder="支持后六位查询" autocomplete="off" >
            </div>
        </div>
        <div class="layui-inline" style="width: 35px;">
            <div th:replace="common/listQueryItemTmpl :: buttonForSearch"></div>
        </div>
        <div class="layui-inline layui-hide" style="width: 85px;">
            <div th:replace="common/listQueryItemTmpl :: buttonForExport"></div>
        </div>
    </div>
</zmn>